<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>易金所</title>
    <!-- 共用css -->
    <link rel="stylesheet" href="../../public/css/common.css">
    <!-- receiptInfo.css -->
    <link rel="stylesheet" href="../../static/my/css/orderDetails.css">

</head>
<body>

    <!-- 状态栏 -->
    <header class="primaryBg">
        <a href="./index.html" class="backBtn"><img src="../../public/image/backicon.png" alt=""></a>
        <h1>订单详情</h1>
    </header>

    <!-- 内容 -->
    <article>

        <!-- sectionOne -->
        <section class="sectionOne">
            <h2>订单编号 <span>01019938101</span></h2>
            <p>等待收货</p>
        </section><!-- sectionOne -->

        <!-- sectionTow -->
        <section class="sectionTwo">
            <a href="#" class="enter">
                <img src="../../public/image/car.png" alt="">
                <div>
                    <p>你的订单在【深圳-分拣和中心】发货完成，准备送往【北京通州站】</p>
                    <span>2015-03-17 10：21：07</span>
                </div>
            </a>
        </section><!-- sectionTow -->

        <!-- sectionThree -->
        <section class="sectionTwo">
            <a>
                <img src="../../public/image/position.png" alt="">
                <div>
                    <p>王晓明  15875853332</p>
                    <span>河南省三门峡市灵宝市尹庄镇阳平村东香菇基地</span>
                </div>
            </a>
        </section><!-- sectionThree -->

        <!-- sectionFour -->
        <section class="sectionFour">
            <h2>河南三门峡灵宝昌盛食用菌有限责任公司</h2>
            <div class="contentFour">
                <img src="../../public/image/myorder.png" alt="">
                <div>
                    <p>昌盛食用菌高级菌棒0018号</p>
                    <p>数量：<span>200个</span></p>
                    <p>单价：<span>12元/个</span></p>
                </div>
            </div>
        </section><!-- sectionFour -->

        <!-- sectionFive -->
        <section class="sectionFive">
            <div>
                <p>单价：<span>12元/个</span></p>
            </div>
            <div>
                <p>配送信息<span>xx物流</span></p>
                <p>配送日期：工作日、双休日与假日均可</p>
            </div>
            <div>
                <p>发票信息<span>纸质发票</span></p>
                <p>发票抬头：个人</p>
                <p>发票内容：明细</p>
            </div>
        </section><!-- sectionFive -->

        <!-- sectionSix -->
        <section class="sectionFive">
            <div>
                <p>发票内容：明细</p>
                <p>运费<span class="warning">￥200</span></p>
            </div>
            <div>
                <p>实付款<span class="warning">￥20000.00</span></p>
                <p>下单时间：2015-03-17 10：21：07</p>
            </div>
        </section><!-- sectionSix -->

    </article>

    <footer>
        <button>再次购买</button>
        <button>申请退款</button>
        <button>我要催单</button>
    </footer>

</body>
</html>

<!-- 共用js -->
<script src="../../public/js/common.js"></script>